{% extends "base.html" %}

{% block content %}
<table>
	<tr>
		<td colspan=2>
			<div class="room_image">
				{% if room.get_image %}
				<img src="images/{{room.get_image}}"/>
				{% endif %}
			</div>
		</td>
		<td >
			{% if cutscene %}
			<div class="cutscene">
				<p>{{cutscene}}</p>
			</div>
			{% endif %}
		
			<div class="room_description">
				<p>{{room.get_description}}</p>
			</div>
		</td>
	</tr>
	<tr>
		<td style="width:30%;vertical-align:top;">
			<div class="room_inventory">
				{% if room.inventory %}
				<p>Your options are:</p>
				<form action="{{this_page}}" method="post">
				{% for item in room.inventory.values %}
				<div><input type="checkbox" name="room_inventory" value="{{item.get_id}}"/>{{item.get_description}}</div>
				{% endfor %}
				<div><input type="submit" name="inventory" value="Take item(s)"/></div>
				</form>
				{% else %}
				<p>You don't have any choices.</p>
				{% endif %}
			</div>
		</td>
		<td style="width:30%;vertical-align:top;">
			<div class="player_inventory">
			<p>Your inventory:</p>
			{% if player.inventory %}
			<form action="{{this_page}}" method="post">
			{% for item in player.inventory.values %}
			<div><input type="checkbox" name="player_inventory" value="{{item.get_id}}"/>{{item.get_description}}</div>
			{% endfor %}
			<div><input type="submit" name="inventory" value="Drop item(s)"/></div>
			</form>
			{% else %}
			<p>You have not made any choices.</p>
			{% endif %}
			<p> Your cash balance is ${{player.cash}}</p>
			</div>
		</td>
		<td style="width:40%;vertical-align:top;">
			<div class="actions">
				<p>Things you can do:</p>
				{% for action in menu.actions.values %}
				<div class="action_form">
					<form action="{{this_page}}" method="{{action.get_method}}">
					      <input type="hidden" name="action_name" value="{{action.get_id}}" />
					      <input type="submit" name="action" value="{{action.get_description}}"/>
					</form>
				</div>
				{% endfor %}
			</div>
		</td>
	</tr>
	<tr>
		<td colspan=3>					
			<div style="visibility:hidden">
				{{musicplayer}}
			</div>
		</td>
	</tr>
</table>

{% endblock content %}
